import { createStyle } from '@/core/styleSheet'

export default createStyle({
  tabbarContainer: {
    flexDirection: 'row',
    backgroundColor: '#fff',
    width: '100%',
    height: 80,
  },
  imgBack: {
    position: 'absolute',
    width: '100%',
    height: 180,
    top: -100,
    left: 0,
  },
  tabbarItem: {
    flex: 1,
    height: 80,
    justifyContent: 'flex-end',
    alignItems: 'center',
    paddingBottom: 30,
    backgroundColor: '#FFF',
  },
  textBox: {
    marginTop: 10,
  },
  centerCircle: {
    width: 112,
    height: 112,
    borderRadius: 56,
    zIndex: 3,
    backgroundColor: $.color.primary,
    justifyContent: 'center',
    alignItems: 'center',
    position: 'absolute',
    top: -130,
    left: 16,
  },
  redPoint: {
    width: 16,
    height: 16,
    backgroundColor: $.color.redPoint,
    borderRadius: 8,
    position: 'absolute',
    top: 0,
    right: -4,
    borderColor: $.color.white,
    borderWidth: 2,
  },
})
